@import '~taro-ui/dist/style/components/toast.scss';
@import '~taro-ui/dist/style/components/icon.scss';

.bind-gift-card {
  width: 100%;
  font-size: 0;
  background: #fff;
  min-height: 100vh;

  .clean-white {
    font-size: 0;
    line-height: 0;
  }

  .omit {
    overflow: hidden;
    display: inline-block;
    word-break: keep-all;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  input::placeholder {
    font-size: 24px;
  }

  .inner-wrap {
    padding: 0 33px 95px 33px;

    .inner {
      padding: 50px 60px 81px 60px;

      .alert-info {
        display: flex;
        align-items: flex-start;
        margin: 0 -7px 0 -7px;

        font-size: 24px;
        font-weight: 400;
        color: #969696;
        line-height: 33px;

        .info-img {
          width: 30px;
          height: 30px;
          margin-right: 21px;
        }

        .text {
          width: 528px;
          height: 99px;
          font-size: 24px;
          font-weight: 400;
          line-height: 33px;
        }
      }

      .input-view {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin: 100px 0 0 0;
        border-bottom: 1px solid #979797;
        font-weight: bold;
        font-size: 40px;
        color: #000;
        padding-bottom: 12px;

        .placeholder {
          font-size: 26px;
          font-weight: 400;
          color: rgba(0, 0, 0, 0.25);
          line-height: 37px;
        }
        .icon {
          width: 50px;
          height: 46px;
        }
      }
    }

    .btn-bottom {
      width: 100%;
      height: 92px;

      .btn {
        background: rgba(255, 220, 38, 1);
        border-radius: 10px;
        font-size: 28px;
        font-weight: bold;
        color: rgba(0, 0, 0, 0.85);
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
      }

      .btn.button-hover {
        background: rgba(255, 220, 38, 0.78);
      }

      .btn::after {
        border: none;
      }
    }
  }
}
